import React from 'react';
import { Button } from 'antd';
import styles from './index.less';

var attr = ['云管理服务（MSP）', '数字中台', '云原生应用', '人工智能'];
var attr2 = ['智能制造 ', '新零售', '数字政务', '交通与物流', '智慧农业'];
export default class extends React.Component {
  render() {
    return (
      <div className={styles.left}>
        <div className={styles.text1} style={{ marginBottom: '20px' }}>
          Landing Digital Transformation
        </div>
        <div className={styles.text2} style={{ marginBottom: '30px' }}>
          从蓝图到落地
        </div>
        <div className={styles.text2} style={{ marginBottom: '34px' }}>
          旭天云都能助您
        </div>
        <div className={styles.text3} style={{ marginBottom: '40px' }}>
          一臂之力！
        </div>

        <div className={styles.links}>
          {attr.map((item, i) => {
            return (
              <a
                className={styles.link}
                style={{ borderWidth: i == attr.length - 1 ? 0 : 1 }}
              >
                {item}
              </a>
            );
          })}
        </div>

        <div className={styles.links}>
          {attr2.map((item, i) => {
            return (
              <a
                className={styles.link}
                style={{ borderWidth: i == attr2.length - 1 ? 0 : 1 }}
              >
                {item}
              </a>
            );
          })}
        </div>
        <a href="/serviceAndSupport">
        <Button
          type="primary"
          className={styles.next1}
          style={{ marginTop: '78px' }}
        >
          了解更多
        </Button></a>
      </div>
    );
  }
}
